<template>
	<sysJk :label="'18.消火栓系统的检查和功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						{{questions[curnum]}} 
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview1">
								<view class="ytitle"> 请判断消火栓栓口静水压值</view>
								<view> </view>
								<radio-group @change="aChange">
									<label class="ritem" v-for="item,index in answer1" :key="index">
										<view>
											<radio :value="item" :checked="da1 === item"
												:style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
								<u-button v-if="examType==1"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda1()">提交</u-button>
									<u-button @click="reset1()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>

							<view v-if="isa1181" id="area181" class="openiv redbg"
								:style="{ left:a1181left,top:a1181top,width:a1181w,height:a1181h}"
								@tap="openimgview('18-2',182)">
							</view>

							<view v-if="isa1181" id="area181" class="openiv" :style="{ left:a1181aleft,top:a1181atop}">
								<image class="openi" :src="openimg"></image>
							</view>



							<view v-if="isa1182" id="area1821" class="openiv redbg"
								:style="{ left:a1182aleft,top:a1182atop,width:a1182w,height:a1182h}"
								@tap="openimgview('18-2-1',1821)">

							</view>

							<view v-if="isa11821" id="area18211" class="openiv redbg"
								:style="{ left:a11821left,top:a11821atop,width:a11821w,height:a11821h}"
								@tap="openimgview('18-2-2',1822)">

							</view>

							<view v-if="isa11822" id="area1822" class="openiv"
								:style="{ left:a11822left,top:a11822atop }" @tap="openimgview('18-3',183)">
								<image class="openi" :src="openimg"></image>
							</view>


							<!--断开-->
							<view v-if="isa11822" id="area1822" class="openiv redbg"
								:style="{ left:a1182dl,top:a1182dt,width:a1182dw,height:a1182dh }"
								@tap="openimgview('18-1',181)">

							</view>



							<view v-if="isa1183" id="area183" class="openiv" :style="{ left:a1183left,top:a1183atop }"
								@tap="openimgview('18-2-2',1822)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="isa1area1" id="area112" class="openiv"
								:style="{ left:a1area12left,top:a1area12top}" @tap="openimgview('16-5',165)">
								<image class="openi" :src="openimg"></image>
							</view>

						</view>
					</view>

				</view>

				<view class="w100" v-if="curnum==1">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview1">
								<view class="ytitle"> 请判断消火栓栓口动水压值</view>
								<view> </view>
								<radio-group @change="aChange2">
									<label class="ritem" v-for="item,index in answer2" :key="index">
										<view>
											<radio :value="item" :checked="da2 === item"
												:style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>

							<view class="handleBtn">

								<u-button v-if="examType==1"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda2()">提交</u-button>
									<u-button @click="reset2()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">
							</view>

							<view v-if="isa2184" id="area184" class="openiv redbg"
								:style="{ left:a2184left,top:a2184top,width:a2184w,height:a2184h}"
								@tap="openimgview('18-5',185)">

							</view>
							<view v-if="isa2184" id="area1841" class="openiv"
								:style="{ left:a21841left,top:a21841top }">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa2185" id="area185" class="openiv redbg"
								:style="{ left:a2185left,top:a2185top,width:a2185w,height:a2185h}"
								@tap="openimgview('18-4',184)">

							</view>
							<view v-if="isa2185" id="area1851" class="openiv"
								:style="{ left:a21851left,top:a21851top }">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa2185" id="area18521" class="openiv redbg"
								:style="{ left:a21852left,top:a21852top,width:a21852w,height:a21852h}"
								@tap="openimgview('18-5-1',1851)">

							</view>

							<view v-if="isa21851" id="area1852" class="openiv"
								:style="{ left:a218511left,top:a218511top }" @tap="openimgview('18-6',186)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa2186" id="area1852" class="openiv" :style="{ left:a2186left,top:a2186top }"
								@tap="openimgview('18-5-1',1851)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!--断开-->
							<view v-if="isa21851" id="area1852" class="openiv redbg"
								:style="{ left:a2185dl,top:a2185dt,width:a2185dw,height:a2185dh }"
								@tap="openimgview('18-4',184)">

							</view>
							<!--停水-->
							<view v-if="isa21851" id="area1852" class="openiv redbg"
								:style="{ left:a2185tl,top:a2185tt,width:a2185tw,height:a2185th }"
								@tap="openimgview('18-5',185)">

							</view>
						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==2">
					<view class="taskTit">

						<view class="tasklfex">
							<view>{{questions[curnum]}}</view>
							<view class="stepbs">
								<image :src="jd21" mode="heightFix" style="height: 2.5vh;"></image>
							</view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview2">
								<view class="ytitle"> 请模拟联动触发信号测试系统功能</view>
								<view> 判断所启动的消防设备状态</view>
								<radio-group @change="aChange3">
									<label class="ritem" v-for="item,index in answer3" :key="index">
										<view>
											<radio :value="item" :checked="da3 === item"
												:style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>

							<view class="handleBtn">

								<u-button v-if="examType==1"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>消火栓场景
									</view>


								</view>
								<view class="btnArea">
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda21()">下一步</u-button>
									<u-button @click="reset3()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>

							<view v-if="istool" class="toolbox">
								<view class="tc1">工具箱</view>
								<view class="toolitems">
									<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
										<view>
											<image class="toolimg" :src="tool1"></image>
										</view>
										<view class="tc">感温探测器</view>
									</view>
									<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
										<view>
											<image class="toolimg" :src="tool2"></image>
										</view>
										<view class="tc">感烟探测器</view>
									</view>
									<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
										<view>
											<image class="toolimg" :src="tool3"></image>
										</view>
										<view class="tc">消防电话</view>
									</view>

									<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
										<view>
											<image class="toolimg" :src="tool5"></image>
										</view>
										<view class="tc"> 照度计</view>
									</view>
									<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
										<view>
											<image class="toolimg" :src="tool6"></image>
										</view>
										<view class="tc">风速仪</view>
									</view>
									<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
										<view>
											<image class="toolimg" :src="tool7"></image>
										</view>
										<view class="tc">微压计</view>
									</view>

								</view>
								<view>
									<view @click="toolclick()" class="toolbtn"> 确定</view>
								</view>
							</view>


							<!--18-13-->
							<view v-if="isa31813" id="area1852" class="openiv"
								:style="{ left:a318131left,top:a318131top }" @tap="openimgview('18-17',1817)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa31813" id="area1852" class="openiv"
								:style="{ left:a318132left,top:a318132top }">
								<image class="openi" :src="openimg"></image>
							</view>


							<!--18-14-->
							<view v-if="isa31814" id="area1852" class="openiv"
								:style="{ left:a318141left,top:a318141top }" @tap="openimgview('18-15',1815)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa31814" id="area1852" class="openiv"
								:style="{ left:a318142left,top:a318142top }" @tap="openimgview('18-16',1816)">
								<image class="openi" :src="openimg"></image>
							</view>




							<!--18 15 16 -->
							<view v-if="isfire311 && isa31815" id="area1852" class="openiv"
								:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								</image>
							</view>

							<view v-if="isa31815" id="area1852" class="openiv redbg"
								:style="{ left:a3181516fleft,top:a3181516ftop,width:a3181516fw,height: a3181516fh }"
								@tap="playfire1()">

							</view>
							<view v-if="isa31815" id="area1852" class="openiv"
								:style="{ left:a3181516cleft,top:a3181516ctop }" @tap="openimgview('18-14',1814)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isfire312 &&isa31816" id="area1852" class="openiv"
								:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								</image>
							</view>

							<view v-if="isa31816" id="area1852" class="openiv redbg"
								:style="{ left:a3181516fleft,top:a3181516ftop,width:a3181516fw,height: a3181516fh }"
								@tap="playfire2()">

							</view>
							<view v-if="isa31816" id="area1852" class="openiv"
								:style="{ left:a3181516cleft,top:a3181516ctop }" @tap="openimgview('18-14',1814)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<!--18 17-->


							<view v-if="isa31817" id="area1852" class="openiv ds"
								:style="{ left:a31817tleft,top:a31817ttop }" @tap="openimgview('18-5-1',1851)">
								{{time}}
							</view>
							<!--openimgview('18-12',1812)-->
							<view v-if="isa31817" id="area1852" class="openiv"
								:style="{ left:a31817left,top:a31817top }" @tap="showDialog()">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa31817" id="area1852" class="openiv rem7"
								:style="{ left:a31817ileft,top:a31817itop,width:a31817iw,height:a31817ih }">
								<view class="flexcol">
									<view v-if="iscreen1==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen1==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen1==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">
										<view v-if="iscreen1==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen1==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<view> <text class="redtext">首警 </text>{{stime1}} 手报火警</view>
											<view> {{stime1}} 消火栓按钮火警</view>
											<view> {{stime1}}感烟探测器火警</view>
										</view>
										<view v-if="iscreen1==2" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view v-if="iscreen1==3" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen1==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen1==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>
							<view v-if="iscreen1!=0 && isa31817" id="areaf12" class="openiv "
								:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen1!=0  && isa31817" id="areaf22" class="openiv "
								:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen1!=0  &&  isa31817" id="areaf32" class="openiv "
								:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
								<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							
							<view v-if="isa31817" id="area1852" class="openiv"
								:style="{ left:a31817cleft,top:a31817ctop }" @tap="openimgview('18-13',1813)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa31817" id="area1852" class="openiv redbg"
								:style="{ left:a31817f2left,top:a31817f2top,width:a31817f2w,height:a31817f2h }"
								@tap="f21( )">

							</view>
							<view v-if="isa31817" id="area1852" class="openiv redbg"
								:style="{ left:a31817f6left,top:a31817f6top,width:a31817f6w,height:a31817f6h }"
								@tap="f61( )">
							</view>
							<!--18-12-->

							<view v-if="isa31812" id="area1852" class="openiv rem7"
								:style="{ left:a31812tleft,top:a31812ttop ,width:a31812tw,height:a31812th,color:'#000' }">

								<view> <text class="rtext">首警</text> </view>
								<view> {{stime1}}-1-1手报火警</view>
								<view> {{stime1}}- 1-1消火栓按钮火警</view>
								<view> {{stime1}}- 1-1感烟探测器火警</view>
								<view> {{stime1}}-消防水泵启动</view>
								<view> {{stime1}}-消防水泵已反馈</view>
							</view>
							<view v-if="isa31812" id="area1852" class="openiv"
								:style="{ left:a31812cleft,top:a31812ctop }" @tap="openimgview('18-17',1817)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<u-mask :show="showFlag">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen1!=0">
											<view> <text class="rtext">首警</text> </view>
											<view> {{stime1}}-1-1手报火警</view>
											<view> {{stime1}}- 1-1消火栓按钮火警</view>
											<view> {{stime1}}- 1-1感烟探测器火警</view>
											<view> {{stime1}}-消防水泵启动</view>
											<view> {{stime1}}-消防水泵已反馈</view>
										</view>
									</view>
								</view>
							</u-mask>


						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==3">
					<view class="taskTit">

						<view class="tasklfex">
							<view>{{questions[2]}}</view>
							<view class="stepbs">
								<image :src="jd22" mode="heightFix" style="height: 2.5vh;"></image>
							</view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>

					<view class="myCard">
						<view class="cardContent">

							<view class="answerview2">
								<view class="ytitle"> 请进行复位操作</view>
								<view> </view>

							</view>

							<view class="handleBtn">

								<u-button v-if="examType==1"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>消火栓场景
									</view>


								</view>
								<view class="btnArea">
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda3()">提交</u-button>
									<u-button @click="reset4()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">
							</view>

							<!--18-13-->
							<view v-if="isa41813" id="area18131" class="openiv"
								:style="{ left:a318131left,top:a318131top }" @tap="openimgview('18-17',18170)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa41813" id="area18132" class="openiv"
								:style="{ left:a318132left,top:a318132top }">
								<image class="openi" :src="openimg"></image>
							</view>


							<!--18-14-->
							<view v-if="isa41814" id="area18141" class="openiv"
								:style="{ left:a318141left,top:a318141top }" @tap="openimgview('18-15',18150)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa41814" id="area18142" class="openiv"
								:style="{ left:a318142left,top:a318142top }" @tap="openimgview('18-16',18160)">
								<image class="openi" :src="openimg"></image>
							</view>


							<!--18 15 16 -->
							<view v-if="isfire31 && isa41815" id="area18151" class="openiv"
								:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								</image>
							</view>

							<view v-if="isa41815" id="area18152" class="openiv redbg"
								:style="{ left:a3181516fleft,top:a3181516ftop,width:a3181516fw,height: a3181516fh }"
								@tap="playfire31()">

							</view>
							<view v-if="isa41815" id="area18153" class="openiv"
								:style="{ left:a3181516cleft,top:a3181516ctop }" @tap="openimgview('18-14',18140)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isfire32 && isa41816" id="area18161" class="openiv"
								:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a3181516rleft,top:a3181516rtop,width:a3181516rw,height: a3181516rh}">
								</image>
							</view>

							<view v-if="isa41816" id="area18162" class="openiv redbg"
								:style="{ left:a3181516fleft,top:a3181516ftop,width:a3181516fw,height: a3181516fh }"
								@tap="playfire32()">

							</view>
							<view v-if="isa41816" id="area18163" class="openiv"
								:style="{ left:a3181516cleft,top:a3181516ctop }" @tap="openimgview('18-14',18140)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<!--18 17-->


							<view v-if="isa41817" id="area18171" class="openiv ds"
								:style="{ left:a31817tleft,top:a31817ttop }" @tap="openimgview('18-5-1',18510)">
								{{time}}
							</view>
							<!--openimgview('18-12',18120)-->
							<view v-if="isa41817" id="area185172" class="openiv"
								:style="{ left:a31817left,top:a31817top }" @tap="showDialog2()">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa41817" id="area1817scr" class="openiv rem7"
								:style="{ left:a31817ileft,top:a31817itop,width:a31817iw,height:a31817ih }">
								<view class="flexcol">
									<view v-if="iscreen2==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen2==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen2==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen2==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">

										<view v-if="iscreen2==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>

										<view v-if="iscreen2==1" :style="{ width:siw,height:sbw,color:'#000'}">

											<text class="rtext">首警</text>
											{{stime1}}手报火警
											{{stime2}}感烟探测器火警
										</view>
										<view v-if="iscreen2==2" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view v-if="iscreen2==3" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>

										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen2==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen2==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>
							<view v-if="isa41817" id="area18173" class="openiv"
								:style="{ left:a31817cleft,top:a31817ctop }" @tap="openimgview('18-13',18130)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa41817" id="areaf22" class="openiv "
								:style="{ left:a31817f2left,top:a31817f2top,width:a31817f2w,height:a31817f2h }">
							</view>
							<view v-if="isa41817" id="areaf62" class="openiv "
								:style="{ left:a31817f6left,top:a31817f6top,width:a31817f6w,height:a31817f6h }">
							</view>

							<view v-if="isa41817" id="area18176" class="openiv redbg"
								:style="{ left:a31817rsleft,top:a31817rstop,width:a31817rsw,height:a31817rsh }"
								@tap="ret( )">
							</view>

							<!--18-12-->

							<view v-if="iscreen2!=0 && isa41812" id="area181211" class="openiv rem7"
								:style="{ left:a31812tleft,top:a31812ttop ,width:a31812tw,height:a31812th ,color:'#000'}">


								<view> <text class="rtext">首警</text></view>
								<view> {{stime1}}手报火警</view>
								<view> {{stime2}}感烟探测器火警</view>
							</view>
						</view>
						<view v-if="isa41812" id="area181212" class="openiv"
							:style="{ left:a31812cleft,top:a31812ctop }" @tap="openimgview('18-17',18170)">
							<image class="openi" :src="closeimg"></image>
						</view>


						<u-mask :show="showFlag2">
							<view class="wrapper"
								style="display: flex;align-items: center;justify-content: center;height:100%">
								<view class="block"
									style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
									<view style="position: relative;height: 0;top: 0;right: -180rpx;">
										<image @click="onClickHide2" class="openi" :src="closeimg"></image>
									</view>
									<view style="padding: 10rpx;" v-if="iscreen2!=0">
										<view> <text class="rtext">首警</text></view>
										<view> {{stime1}}手报火警</view>
										<view> {{stime2}}感烟探测器火警</view>
									</view>
								</view>
							</view>
						</u-mask>


					</view>
				</view>


			</view>

			<u-mask :show="isexplain" @click="closeex">
				<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
					<view class="block"
						style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
						<view class="overtitle" style="color: #000;">
							【试题解析】 正确答案
						</view>
						<view class="overtitle" style="color: #000;">
							<text>{{explaintext}}</text>
						</view>
					</view>
				</view>
			</u-mask>
			</view>

		</template>
	</sysJk>

</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	import {
		formatTime,
		getcurtime,
		screentime
	} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl: 0,
				heightBl: 0,

				dfulltxt: '',
				dtimetxt: '',
				iscreen1: 0, //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				iscreen2: 1,
				stime1: '',
				stime2: '',

				lefttime: '420',
				time: '',
				info: '',
				examId: '',
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				showFlag2: false,
				bUrl: baseUrl + "/static/image/wb/18-1.jpg",
				openimg: baseUrl + "/static/image/open.png",
				closeimg: baseUrl + "/static/image/close.png",
				red: baseUrl + "/static/image/red.png",
				questionsnum: 3, //题目数


				isarea: false,
				isa1area1:false,
				area1: baseUrl + "/static/image/wb/18-13.jpg",
				area2: baseUrl + "/static/image/wb/18-14.jpg",
				curarea: 0,
				curnum: 0, //当前题目
				jd21: baseUrl + "/static/image/jd/j2-0.png",
				jd22: baseUrl + "/static/image/jd/j2-2.png",

				questions: ['【1/3】请测试室内消火栓栓口静压',
					'【2/3】请测试室内消火栓栓口动压',

					'【3/3】请模拟联动触发信号，查看报警信息及消防水泵启动情况',
				],
				answer1: ['0.00MPa', '0.20MPa', '0.30MPa', '1.00MPa'],

				answer2: ['0.35MPa', '0.10MPa', '0.50MPa', '0.25MPa', '0.60MPa'],
				answer3: ['启动信号已发出设备未反馈', '启动信号已发出设备已反馈'],
				//3小问后面有个复位操作

				isa1181: true,
				isa1182: false,
				isa11821: false,
				isa11822: false,

				isa1183: false,

				isd1: false, //第一小查看过

				isd2: false, //第二小问
				a1181left: 0,
				a1181top: 0,
				a1181w: 0,
				a1181h: 0,

				a1181aleft: 0,
				a1181atop: 0,


				a1182aleft: 0,
				a1182atop: 0,
				a1182w: 0,
				a1182h: 0,


				//断开
				a1182dl: 456,
				a1182dt: 234,
				a1182dw: 176,
				a1182dh: 140,



				a11821left: 0,
				a11821atop: 0,
				a11821w: 0,
				a11821h: 0,


				a11822left: 0,
				a11822atop: 0,

				a1183left: 0,
				a1183atop: 0,
				///22
				isa2184: false,
				isa2185: false,
				isa21851: false,
				isa2186: false,

				a2184left: 0,
				a2184top: 0,
				a2184w: 0,
				a2184h: 0,

				a21841left: 0,
				a21841top: 0,


				a2185left: 0,
				a2185top: 0,
				a2185w: 0,
				a2185h: 0,

				//断开
				a2185dl: 1034,
				a2185dt: 499,
				a2185dw: 164,
				a2185dh: 126,
				//停水
				a2185tl: 567,
				a2185tt: 40,
				a2185tw: 118,
				a2185th: 138,



				a21851left: 0,
				a21851top: 0,

				a21852left: 0,
				a21852top: 0,
				a21852w: 0,
				a21852h: 0,


				a218511left: 0,
				a218511top: 0,


				a2186left: 0,
				a2186top: 0,

				///33
				isa31813: false,
				isa31814: false,

				isa31815: false,
				isa31816: false,
				isa31817: false,
				isa31812: false,
				//18-13
				a318131left: 710,
				a318131top: 580,

				a318132left: 870,
				a318132top: 580,

				//18-14
				a318141left: 826,
				a318141top: 460,

				a318142left: 1200,
				a318142top: 610,


				//18-15  18-16
				a3181516rleft: 980,
				a3181516rtop: 444,
				a3181516rw: 20,
				a3181516rh: 20, //red

				a3181516fleft: 996,
				a3181516ftop: 480,
				a3181516fw: 40,
				a3181516fh: 40, //fire


				a3181516cleft: 1190,
				a3181516ctop: 340,
				
				
				sciconw:0,
				sciconh:0,
				//火警
				ficonl:649,
				ficont:137,
				
				
				//启动
				siconl:824,
				sicont:139, 
				
					redbtn: baseUrl + "/static/image/red.png",
				//反馈
				iiconl:824,
				iicont:289,



				//18-17

				a31817tleft: 410,
				a31817ttop: 180,


				a31817left: 750,
				a31817top: 720, //18 12




				a31817ileft: 1128,
				a31817itop: 170,
				a31817iw: 500,
				a31817ih: 260,

				a31817cleft: 1720,
				a31817ctop: 160, ////c 18-13


				istool: false,
				toolid: 0,
				istck: false,
				tool1: baseUrl + "/static/image/gw.png", //
				tool2: baseUrl + "/static/image/gy.png", //
				tool3: baseUrl + "/static/image/dh.png", //
				tool4: baseUrl + "/static/image/bs.png", //
				tool5: baseUrl + "/static/image/zm.png", //
				tool6: baseUrl + "/static/image/cf.png", //
				tool7: baseUrl + "/static/image/wyj.png", //
				tool8: baseUrl + "/static/image/cf.png", //

				//f2

				a31817f2left: 1135,
				a31817f2top: 550,
				a31817f2w: 75,
				a31817f2h: 40,

				//f6
				a31817f6left: 1523,
				a31817f6top: 550,
				a31817f6w: 75,
				a31817f6h: 40,

				//rest
				a31817rsleft: 1619,
				a31817rstop: 696,
				a31817rsw: 80,
				a31817rsh: 40,





				//18-12
				a31812tleft: 856,
				a31812ttop: 200,
				a31812tw: 368,
				a31812th: 660,

				a31812cleft: 1255,
				a31812ctop: 160, //to18-17


				//3-2
				isa41813: false,
				isa41814: false,
				isa41815: false,
				isa41816: false,
				isa41812: false,
				isa41817: false,



				/////////////

				/////////////////////

				stw: '479',
				sth: '28',
				sleft: "10",
				siw: '330',
				sih: '200',
				sbw: '146',
				sbh: "68",
				srtw: '138',
				srth: '30',
				srtt: '80',
				sitt: '15',
				s5w: "495",
				s5h: '25',
				//f2
				//f2
				f2left: 1130,
				f2top: 549,
				f2w: 82,
				f2h: 45,

				//f6
				f6left: 1517,
				f6top: 549,
				f6w: 82,
				f6h: 45,




				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},

				isrst: false,
				isf61: false,
				isf21: false,
				score1: 0, //1 请测试室内消火栓栓口静压

				score2: 0, //0.5 请测试室内消火栓栓口动压
				score3: 0, //0.5 请模拟联动触发信号，查看报警信息及消防水泵启动情况
				da1: '',
				da2: '',
				da3: '',
				explainarr: ['静压实则是水枪不射水时官网压力，所以接上后，开栓阀，关闭水枪枪头的开关，不让水射出去。再读取压力表数值，最后需要关阀们，排水，拆卸下来。\r\n\r\n正确答案：0.20MPa',
					'动压实则是水枪射水时官网压力，所以接上后，开栓阀，射水后看压力表读数，最后需要关阀门，拆卸\r\n\r\n正确答案：0.50MPa',
					'模拟联动，需要手报，消火栓按钮，探测器报警，最后回到控制室查启动查反馈选答案。下一步复位需要先将手报，消火栓按钮复位，再控制室主机点复位按钮复位\r\n\r\n正确答案：启动信号已发出设备已反馈',

				],
				isexplain: false,
				explaintext: '',
				tH: 0,


				isfire31: true,
				isfire32: true,

				isfire312: false,
				isfire311: false,

			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			let that = this;
			let df = new Date()
			let m = df.getMonth() + 1
			this.dfulltxt = df.getFullYear() + "/" + m + df.getDate()
			let h1 = df.getHours()
			let m1 = df.getMinutes()
			this.time = h1 + ":" + m1
			setInterval(() => {
				let df1 = new Date()
				that.dtimetxt = df1.getHours() + ":" + df1.getMinutes() + ":" + df1.getSeconds()
			}, 1000)
			setInterval(() => {
				that.time = getcurtime()
			}, 20000)
			this.examId = options.examId
			this.examType = options.examType
			// var writeBox = uni.createSelectorQuery().in(this).select('.imgview')
			// writeBox.boundingClientRect(data => {
			// 	this.writeBox = data
			// }).exec()
		},
		onShow() {
			let that = this
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height + uni
			// 			.getMenuButtonBoundingClientRect().top * 2 + 21
			// 		//	that.tH = 85
			// 		that.drawWhiteBox()
			// 	}
			// });
		},
		onReady() {
			let that = this;
			// #ifdef MP-WEIXIN
			uni.getSystemInfo({
				success: function(res) {
					console.log(res)
					// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
					that.tH = uni.getMenuButtonBoundingClientRect().height + uni
						.getMenuButtonBoundingClientRect().top * 2 + 21
					//that.tH=85
					that.drawWhiteBox()
				}
			});
			// #endif

			// #ifdef APP-PLUS
			let sy = uni.getSystemInfoSync()
			this.pT = sy.statusBarHeight
			this.tH = sy.statusBarHeight + 51
			that.drawWhiteBox(this.tH)

			// #endif
		},
		methods: {
			back() {
				uni.navigateBack()
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			seltool(id) {
				console.log("settool")
				this.toolid = id
			},
			aChange(e) {

				this.da1 = e.detail.value
			},
			aChange2(e) {

				this.da2 = e.detail.value
			},
			aChange3(e) {

				this.da3 = e.detail.value
			},
			toolclick() {
				if (this.toolid == 2) {
					this.istck = true;
					this.bUrl = this.base + "/static/image/wb/18-8-1.jpg"
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/18-8-2.jpg"
					}, 300)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/18-8-1.jpg"
					}, 600)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/18-8-2.jpg"
					}, 900)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/18-14.jpg"
					}, 1200)
					this.iscreen1 = 1

				}
			},

			closeex() {
				this.isexplain = false
			},

			setarea(id) {
				this.curarea = id
				if (this.curnum == 2) {
					if (id == 0) {
						this.isa31813 = true;
						this.isa31814 = false
						this.istool = false
						this.bUrl = this.base + "/static/image/wb/18-13.jpg"
					}
					if (id == 1) {
						this.isa31813 = false;
						this.isa31814 = true
						this.istool = true
						this.bUrl = this.base + "/static/image/wb/18-14.jpg"
					}
				}
				if (this.curnum == 3) {
					//3-2
					if (id == 0) {
						this.isa41813 = true;
						this.isa41814 = false

						this.bUrl = this.base + "/static/image/wb/18-13.jpg"
					}
					if (id == 1) {
						this.isa41813 = false;
						this.isa41814 = true
						this.bUrl = this.base + "/static/image/wb/18-14.jpg"
					}

				}

			},
			reset() {
				this.iscreen1 = 0 //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				this.isarea = false
				this.iscreen2 = 1
				this.curarea = 0
				this.isa1181 = true
				this.isa1182 = false
				this.isa11821 = false
				this.isa11822 = false

				this.isa1183 = false

				this.isd1 = false //第一小查看过

				this.isd2 = false //第二小问
				this.isa2184 = false
				this.isa2185 = false
				this.isa21851 = false
				this.isa2186 = false
				this.istool = false
				this.toolid = 0
				this.istck = false
				this.isa41813 = false
				this.isa41814 = false
				this.isa41815 = false
				this.isa41816 = false
				this.isa41812 = false
				this.isa41817 = false
				this.isrst = false
				this.isf61 = false
				this.isf21 = false
				this.isfire31 = true
				this.isfire32 = true
				this.isa31815 = false
				this.isa31813 = false
				this.isa31814 = false

				this.isa31815 = false
				this.isa31816 = false
				this.isa31817 = false
				this.isa31812 = false

				this.isfire312 = false
				this.isfire311 = false
				this.da1 = ""
				this.da2 = ""
				this.da3 = ""
			},
			reset1() {
				this.reset()
				let that = this
				this.innerAudioContext.stop()
				that.da1 = ""
				that.isd1 = false
				that.curnum = 0
				that.isa1181 = true
				that.bUrl = that.base + "/static/image/wb/18-1.jpg"
			},
			reset2() {
				this.reset()
				let that = this
				this.innerAudioContext.stop()
				that.da2 = ""
				that.isd2 = false

				that.curnum = 1
				that.bUrl = that.base + "/static/image/wb/18-4.jpg"
				that.isa2184 = true


			},
			reset3() {
				this.reset()
				let that = this
				this.innerAudioContext.stop()
				that.curnum = 2
				that.isarea = true
				that.isa31813 = true
				that.bUrl = that.base + "/static/image/wb/18-13.jpg"
			},
			reset4() {
				this.reset()
				this.innerAudioContext.stop()
				let that = this
				that.istck = false
				that.isfire311 = false
				that.isfire312 = false
				that.isfire32 = true
				that.isfire31 = true
				that.isrst = false
				that.isf21 = false
				that.isf61 = false
				that.da3 = ''

				that.curnum = 3
				that.isarea = true

				that.isa41813 = true
				that.bUrl = that.base + "/static/image/wb/18-13.jpg"
			},
			senda1() {
				/**
				 * 【1/3】请测试室内消火栓栓口静压【1】
				请判断消火栓栓口静水压值
				0.20MPa
				1.00MPa
				0.30MPa
				0.00MPa
				【都有可能】
				 */
				let that = this
				if (this.da1 == "") {
					uni.showToast({
						title: '请选择答案',
						icon: 'none'
					})
					return;
				}
				if (that.da1 == "0.20MPa" && that.isd1) {
					that.score1 = 0.5
				} else {
					that.score1 = 0
				}
				this.$showModal2({
					title: '确认提交？' + that.score1,
					// content: '这是一个模态弹窗',

				}).then(() => {

					that.curnum = 1
					that.bUrl = that.base + "/static/image/wb/18-4.jpg"
					that.isa2184 = true

				});



			},
			senda2() {
				/*
				*【2/3】请测试室内消火栓栓口动压【0.5】
				请判断消火栓栓口动水压值
				0.25MPa
				0.50MPa
				0.35MPa
				0.60MPa
				0.10MPa
				【都有可能】
				* */
				let that = this
				if (this.da2 == "") {
					uni.showToast({
						title: '请选择答案',
						icon: 'none'
					})
					return;
				}
				if (that.da2 == "0.60MPa" && that.isd2) {
					that.score2 = 0.3
				} else {
					that.score2 = 0
				}
				this.$showModal2({
					title: '确认提交？' + that.score2,
					// content: '这是一个模态弹窗',

				}).then(() => {

					that.curnum = 2
					that.isarea = true
					that.isa31813 = true
					that.bUrl = that.base + "/static/image/wb/18-13.jpg"

				});
			},
			senda21() {
				this.innerAudioContext.stop()
				let that = this

				this.$showModal2({
					title: '确认提交？',
					// content: '这是一个模态弹窗',

				}).then(() => {

					that.curnum = 3
					that.isarea = true

					that.isa41813 = true
					that.bUrl = that.base + "/static/image/wb/18-13.jpg"

				});
			},

			senda3() {
				/**
				 * 	【3/3】请模拟联动触发信号，查看报警信息及消防水泵启动情况【0.5】
				请模拟联动触发信号测试系统功能
				{两步}
				判断所启动的消防设备状态
				启动信号已发出设备未反馈
				启动信号已发出设备已反馈
				【两次可能】
				请进行复位操作
				【手报、消火栓报、控制器】
				 */
				if (this.da3 == "") {
					uni.showToast({
						title: '请选择答案',
						icon: 'none'
					})
					return;
				}
				let that = this
				if (that.istck && that.isfire311 && that.isfire312 && that.isfire32 == false && that.isfire31 == false &&
					that.isrst  && that.da3 == '启动信号已发出设备已反馈'  //&& that.isf21 && that.isf61
				) {
					that.score3 = 0.2
				} else {
					that.score3 = 0
				}
				let ss = that.score1 + that.score2 + that.score3
				this.$showModal2({
					title: '确认提交？' + that.score3,
					// content: '这是一个模态弹窗',

				}).then(() => {
					uni.showLoading({})
					fzQuestion(that.quest).then(res => {
						uni.hideLoading()
						let pages = getCurrentPages()
						if(pages.length==4){
							let prevPage = pages[pages.length - 3] 
							prevPage.$vm.status18 = true
							prevPage.$vm.addScore(ss)
							uni.navigateBack()
						}else{
							let prevPage = pages[pages.length - 2]
							prevPage.$vm.status18 = true
							prevPage.$vm.addScore(ss) 
							uni.navigateBack()
						} 
					})

				});


				// uni.showToast({
				// 	title: '提交后不可修改',
				// 	success() {
				// 		setTimeout(() => {
				// 			uni.navigateBack()
				// 		}, 500)

				// 	}
				// })
				/**
				 * 
				 * 	18消火栓系统的检查和功能测试【2】
				
				
			
				
				
			
				
				
				 * 
*/
			},
			playfire31() {
				this.isfire31 = false
				this.iscreen2 = 1
				this.stime1 = screentime()

			},
			playfire32() {
				this.isfire32 = false
				this.iscreen2 = 1
				this.stime1 = screentime()

			},
			playfire() {
				this.isredbtn = true
				this.stime1 = screentime()
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			playfire1() {
				this.isfire311 = true
				this.iscreen1 = 1
				this.stime1 = screentime()
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.loop = true
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			playfire2() {
				this.isfire312 = true
				this.iscreen1 = 1
				this.stime1 = screentime()
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.loop = true
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},


			openimgview(path, lb) {
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false
				this.time = getcurtime()
				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					case 181:
						this.isa1181 = true;
						this.isa1182 = false;
						this.isa11821 = false;
						this.isa11822 = false;
						this.isa1183 = false;
						break;
					case 182:
						this.isa1182 = true;
						this.isa1181 = false

						this.isa11821 = false;
						this.isa11822 = false;
						this.isa1183 = false;
						break;
					case 1821:
						this.isa11821 = true;
						this.isa1181 = false
						this.isa1182 = false;

						this.isa11822 = false;
						this.isa1183 = false;
						break;
					case 1822:
						this.isa11822 = true;
						this.isa1181 = false
						this.isa1182 = false;
						this.isa11821 = false;

						this.isa1183 = false;
						break;
					case 183:
						this.isd1 = true
						this.isa1183 = true;
						this.isa1181 = false
						this.isa1182 = false;
						this.isa11821 = false;
						this.isa11822 = false;

						break;

					case 184:
						this.isa2184 = true;
						this.isa2185 = false;
						this.isa21851 = false;
						this.isa2186 = false;

						break;
					case 185:
						this.isa2185 = true;
						this.isa2184 = false;

						this.isa21851 = false;
						this.isa2186 = false;
						break;
					case 1851:
						this.isa21851 = true;
						this.isa2184 = false;
						this.isa2185 = false;

						this.isa2186 = false;
						break;
					case 186:
						this.isd2 = true
						this.isa2186 = true;
						this.isa2184 = false;
						this.isa2185 = false;
						this.isa21851 = false;

						break;
					case 1813:
						this.isarea = true
						this.isa31813 = true
						this.isa31817 = false

						break;
					case 1814:
						this.isarea = true
						this.isa31814 = true
						this.isa31816 = false
						this.isa31815 = false
						this.istool = true
						break;

					case 1815:
						this.isa31815 = true
						this.isa31814 = false
						this.istool = false
						break;
					case 1816:
						this.isa31816 = true
						this.isa31814 = false
						break;
					case 1817:
						this.istool = false
						this.isa31817 = true
						this.isa31812 = false
						this.isa31813 = false
						break;
					case 1812:

						this.isa31812 = true
						this.isa31817 = false
						break;


					case 18130:
						this.isarea = true
						this.isa41813 = true
						this.isa41817 = false
						break;
					case 18140:
						this.isarea = true
						this.isa41814 = true
						this.isa41816 = false
						this.isa41815 = false

						break;

					case 18150:
						this.isa41815 = true
						this.isa41814 = false

						break;
					case 18160:
						this.isa41816 = true
						this.isa41814 = false
						break;
					case 18170:

						this.isa41817 = true
						this.isa41812 = false
						this.isa41813 = false
						break;
					case 18120:

						this.isa41812 = true
						this.isa41817 = false
						break;

				}


			},

			f21() {
				if (this.iscreen1 == 1) {
					this.iscreen1 = 2 //f2状态
					this.isf21 = true
					this.info = this.stime1 + '消防水泵启动\r\n'
					//  首警23/07/29 11:49:48-1-1手报火警23/0712911:49:48- 1-1消火栓按钮火警23/07/29 11:49:48- 1-1感烟探测器火警23/07/29 11:49:48消防水泵启动23/07/29 11:49:48-消防水泵已反馈
				}
			},
			f61() {
				//f6状态
				if (this.iscreen1 == 2) { //	//退出
					this.iscreen1 = 1
				} else if (this.iscreen1 == 1) { //反馈
					this.iscreen1 = 3
					this.isf61 = true
					this.info = this.stime1 + '消防水泵已反馈\r\n'

				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},

			ret() {
				//最后一步的复位
				this.isrst = true
				console.log("复位")
				this.iscreen2 = 0
			},
			showDialog() {
				this.showFlag = true
			},
			onClickHide() {
				this.showFlag = false
			},
			showDialog2() {
				this.showFlag2 = true
			},
			onClickHide2() {
				this.showFlag2 = false
			},
			drawWhiteBox(statusnum) {
				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')

				warp.boundingClientRect(data => {
					console.log(that.tH)
					console.log(data)
					console.log(data.width)
					console.log(data.height)
					//有些设备取的是设备高度 data.height


					let widthBl = data.width / 1920
					let sy = uni.getSystemInfoSync()
					let heightBl = 0
					// if (data.height = sy.screenHeight) {
					// 	heightBl = (data.height - that.tH) / 921
					// } else {
					// 	heightBl = (data.height) / 921
					// }
					heightBl = (data.height - that.tH) / 921
					that.widthBl = widthBl
					that.heightBl = heightBl


					that.a1181left = 1060 * widthBl + 'px'
					that.a1181top = 485 * heightBl + statusnum + 'px'
					that.a1181w = 160 * widthBl + 'px'
					that.a1181h = 140 * heightBl + 'px'

					that.a1181aleft = 1320 * widthBl + 'px'
					that.a1181atop = 420 * heightBl + statusnum + 'px'

					that.a1182aleft = 360 * widthBl + 'px'
					that.a1182atop = 75 * heightBl + statusnum + 'px'
					that.a1182w = 135 * widthBl + 'px'
					that.a1182h = 140 * heightBl + 'px'

					that.a11821left = 760 * widthBl + 'px'
					that.a11821atop = 310 * heightBl + statusnum + 'px'
					that.a11821w = 130 * widthBl + 'px'
					that.a11821h = 165 * heightBl + 'px'

					that.a11822left = 670 * widthBl + 'px'
					that.a11822atop = 190 * heightBl + statusnum + 'px'


					//断开
					that.a1182dl = 456 * widthBl + 'px'
					that.a1182dt = 234 * heightBl + statusnum + 'px'
					that.a1182dw = 176 * widthBl + 'px'
					that.a1182dh = 140 * heightBl + 'px'

					that.a1183left = 930 * widthBl + 'px'
					that.a1183atop = 610 * heightBl + statusnum + 'px'

					//2 


					that.a2184left = 900 * widthBl + 'px'
					that.a2184top = 610 * heightBl + statusnum + 'px'

					that.a2184w = 160 * widthBl + 'px'
					that.a2184h = 140 * heightBl + 'px'

					that.a21841left = 1180 * widthBl + 'px'
					that.a21841top = 550 * heightBl + statusnum + 'px'


					that.a2185left = 1025 * widthBl + 'px'
					that.a2185top = 490 * heightBl + statusnum + 'px'

					that.a2185w = 172 * widthBl + 'px'
					that.a2185h = 80 * heightBl + 'px'




					that.a21851left = 1300 * widthBl + 'px'
					that.a21851top = 450 * heightBl + statusnum + 'px'

					that.a21852left = 395 * widthBl + 'px'
					that.a21852top = 80 * heightBl + statusnum + 'px'
					that.a21852w = 95 * widthBl + 'px'
					that.a21852h = 140 * heightBl + 'px'

					that.a218511left = 1250 * widthBl + 'px'
					that.a218511top = 460 * heightBl + statusnum + 'px'


					that.a2186left = 940 * widthBl + 'px'
					that.a2186top = 580 * heightBl + statusnum + 'px'

					//18-5-1
					//断开
					that.a2185dl = 1034 * widthBl + 'px'
					that.a2185dt = 499 * heightBl + statusnum + 'px'
					that.a2185dw = 164 * widthBl + 'px'
					that.a2185dh = 126 * heightBl + 'px'
					//停水
					that.a2185tl = 567 * widthBl + 'px'
					that.a2185tt = 40 * heightBl + statusnum + 'px'
					that.a2185tw = 118 * widthBl + 'px'
					that.a2185th = 138 * heightBl + 'px'


					//3

					//18-13
					that.a318131left = 710 * widthBl + 'px'
					that.a318131top = 490 * heightBl + statusnum + 'px'

					that.a318132left = 870 * widthBl + 'px'
					that.a318132top = 490 * heightBl + statusnum + 'px'

					//18-14
					that.a318141left = 826 * widthBl + 'px'
					that.a318141top = 370 * heightBl + statusnum + 'px'

					that.a318142left = 1200 * widthBl + 'px'
					that.a318142top = 490 * heightBl + statusnum + 'px'


					//18-15  18-16
					that.a3181516rleft = 980 * widthBl + 'px'
					that.a3181516rtop = 363 * heightBl + statusnum + 'px'
					that.a3181516rw = 20 * widthBl + 'px'
					that.a3181516rh = 20 * heightBl + 'px' //red

					that.a3181516fleft = 996 * widthBl + 'px'
					that.a3181516ftop = 400 * heightBl + statusnum + 'px'
					that.a3181516fw = 40 * widthBl + 'px'
					that.a3181516fh = 40 * heightBl + 'px' //fire



					that.a3181516cleft = 1190 * widthBl + 'px'
					that.a3181516ctop = 260 * heightBl + statusnum + 'px'



					//18-17

					that.a31817tleft = 410 * widthBl + 'px'
					that.a31817ttop = 90 * heightBl + statusnum + 'px'


					that.a31817left = 750 * widthBl + 'px'
					that.a31817top = 640 * heightBl + statusnum + 'px' //18 12




					that.a31817ileft = 1128 * widthBl + 'px'
					that.a31817itop = 90 * heightBl + statusnum + 'px'
					that.a31817iw = 500 * widthBl + 'px'
					that.a31817ih = 260 * heightBl + 'px'

					that.a31817cleft = 1720 * widthBl + 'px'
					that.a31817ctop = 80 * heightBl + statusnum + 'px' ////c 18-13

					//f2

					that.a31817f2left = 1135 * widthBl + 'px'
					that.a31817f2top = 470 * heightBl + statusnum + 'px'
					that.a31817f2w = 75 * widthBl + 'px'
					that.a31817f2h = 40 * heightBl + 'px'

					//f6
					that.a31817f6left = 1523 * widthBl + 'px'
					that.a31817f6top = 470 * heightBl + statusnum + 'px'
					that.a31817f6w = 75 * widthBl + 'px'
					that.a31817f6h = 40 * heightBl + 'px'

					// //rest

					that.a31817rsleft = 1619 * widthBl + 'px'
					that.a31817rstop = 616 * heightBl + statusnum + 'px'
					that.a31817rsw = 80 * widthBl + 'px'
					that.a31817rsh = 40 * heightBl + 'px'
					//18-12
					that.a31812tleft = 856 * widthBl + 'px'
					that.a31812ttop = 120 * heightBl + statusnum + 'px'
					that.a31812tw = 368 * widthBl + 'px'
					that.a31812th = 660 * heightBl + 'px'

					that.a31812cleft = 1255 * widthBl + 'px'
					that.a31812ctop = 80 * heightBl + statusnum + 'px' //to18-17


					//f2
					that.f2left = 1130 * widthBl + 'px'
					that.f2top = 471 * heightBl + statusnum + 'px'
					that.f2w = 82 * widthBl + 'px'
					that.f2h = 45 * heightBl + 'px'

					//f6
					that.f6left = 1517 * widthBl + 'px'
					that.f6top = 471 * heightBl + statusnum + 'px'
					that.f6w = 82 * widthBl + 'px'
					that.f6h = 45 * heightBl + 'px'

					//标题
					that.stw = 479 * widthBl + 'px'
					that.sth = 28 * heightBl + 'px'
					//中间两部分间隔
					that.sleft = 10 * widthBl + 'px'
					//内容
					that.siw = 340 * widthBl + 'px'
					that.sih = 200 * heightBl + 'px'
					//右边信息
					that.sbw = 146 * widthBl + 'px'
					that.sbh = 77 * heightBl + 'px'
					//右边时间
					that.srtw = 138 * widthBl + 'px'
					that.srth = 30 * heightBl + 'px'
					that.srtt = 90 * heightBl + 'px'
					//底部信息
					that.sitt = 0 * heightBl + 'px'
					that.s5w = 495 * widthBl + 'px'
					that.s5h = 25 * heightBl + 'px'
					
					
					//火警
					that.ficonl= 649 * widthBl + 'px'
					that.ficont= 137 * heightBl + that.tH + 'px'
					
					
					//启动
					that.siconl= 824 * widthBl + 'px'
					that.sicont = 139 * heightBl + that.tH + 'px'
					
					//反馈
					that.iiconl= 824 * widthBl + 'px'
					that.iicont= 289 * heightBl + that.tH + 'px'
					
					
					//屏图标宽高
					that.sciconw= 20 * widthBl + 'px'
					that.sciconh = 20 * heightBl + 'px'

				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		// z-index: 5000;
	}

	.rem7 {
		font-size: 0.4rem;
	}

	.tasklfex {
		display: flex;
		justify-content: space-between;
	}

	.stepbs {
		text-align: right;

	}

	.flexcol {
		display: flex;
		flex-direction: column;
	}

	.flexrow {
		display: flex;
	}

	.rtext {
		color: red;
	}

	.ds {
		color: #DA2627;
		font-family: DS-Digital;
		font-size: 20px;
	}

	.toolbox {
		position: fixed;
		right: 40rpx;
		top: 80rpx;
		font-size: 0.4rem;
		color: #000;
		background: #fff;
		width: 92rpx;
		z-index: 10000;
		border: 1px solid #fff;
	}

	.bord {
		border: 1rpx solid red;
	}

	.toolitems {
		display: flex;
		flex-wrap: wrap;
		width: 92rpx;
		justify-content: space-between;
	}

	.toolimg {
		width: 25rpx;
		height: 25rpx;
	}

	.toolbtn {
		padding: 5rpx 10rpx;
		background: #ffb700;
		border-radius: 5rpx;
		text-align: center;
		width: 50px;
		margin: auto;
	}

	.toolitem {
		display: flex;
		flex-direction: column;
		width: 30rpx;
		justify-content: space-between;
	}


	.tc1 {
		text-align: center;
		font-size: 10px;
		background: orange;
		color: #fff;
	}

	.tc {
		display: flex;
		align-items: center;

		text-align: center;
		font-size: 8px;
		justify-content: center;
		align-content: center;
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
			height: 100%;
		}

		.openiv {
			position: fixed;
		}

		.redbg {}

		.openi {
			width: 20px;
			height: 20px;
		}

		.answerview {
			position: fixed;
			top: 80rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.answerview2 {
			position: fixed;
			bottom: 55rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.answerview1 {
			position: fixed;
			top: 180rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}

		.ritem {
			line-height: 20rpx;
		}

		.imgview {
			position: relative;
			width: 100%;

		}

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			// background-color: rgba(255, 165, 0, 0.2);
			margin-bottom: 10px;

			.areasTit {
				background: orange;
			}

			color: #000;
		}

		.sitem {
			border: 2rpx solid red;
		}

		.areaitem {
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		.taskTit {
			height: 21px;
			line-height: 21px;
			width: 100%;
			text-align: left;
			background: #fff;
			color: #000;
			font-size: 15px
		}

		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}



				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnA {
					display: flex;
					flex-direction: column;
					position: fixed;
					right: 30px;
					bottom: 0px;
					align-items: flex-end;
				}

				.btnArea {
					//margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					//	position: fixed;
					//	right: 30px;
					//	bottom: 30px // text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0;
			height: 0;
			position: fixed
		}
	}
</style>